<!DOCTYPE html>
<html>
	<head>
		<meta charset="ISO-8859-1">
		<title>Paginas de las Universidades</title>
		<link rel="stylesheet" href="css/bootstrap.css">
<!-- 		<link rel="stylesheet" href="/css/bootstrap.min.css"> -->

		<!-- Optional theme -->
		<link rel="stylesheet" href="css/bootstrap-responsive.css">
<!-- 		<link rel="stylesheet" href="css/bootstrap-theme.min.css"> -->
		<script src="js/jquery_1_10_2.js"></script>
		<script src="js/bootstrap.js"></script>
		<script src="js/proxy.js"></script>
		<script type="text/javascript">
			function buscarUniversidades() {
				proxy.buscarUniversidades(datosUniversidadesCallback);
			}
			var datosUniversidadesCallback = function (data) {
				$.each(JSON.parse(data),function(){
					$("#select-universidades")
					$( "<option value="+this.codigo+">"+this.nombre+"</option>" ).appendTo( "#select-universidades" );
				});
				$("#resultContainer").html(data);
			}
			window.onload=function(){buscarUniversidades();};
		</script>
	</head>
	<body>
		<div  class="container">
			<h3>Login</h3>
			<form action="/disenio/login/loginConUniversidad" method="get" class="form-horizontal" >
			<div class="control-group">
  				<label class="control-label" for="legajo">Legajo</label>
    			<div class="controls">
	  				<input name="legajo" type="text" class="input-small" placeholder="legajo">
    			</div>
  			</div>
			<div class="control-group">
  				<label class="control-label" for="password">Password</label>
    			<div class="controls">
	  				<input name="password" type="password" class="input-small" placeholder="Password">
    			</div>
  			</div>
			<div class="control-group">
  				<label class="control-label" for="universidad">Universidad</label>
    			<div class="controls">
	  				<select name="universidad" id="select-universidades" class="span4">
	  					
					</select>
    			</div>
  			</div>
  			<div class="control-group">
    			<div class="controls">
      				<label class="checkbox">
        				<input name="recuerdame" type="checkbox"> Remember me
      				</label>
	  				<input type="submit" value="Sign in" class="btn">
    			</div>
  			</div>
			</form>
		</div>
	</body>
</html>